<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>
        var color = ['red', 'yellow', 'blue', 'white', 'pink'];
        // <!-- 1.for循环遍历 -->
        // for (var i = 0; i < color.length; i++) {
        //     console.log(color[i]);
        // }
        // 2.forEach arr.forEach(function(item,index){})
        // color.forEach(function(item, index) {
        //     console.log(item);
        // })
        // 3.some
        // var res = color.some(function(item, index) {
        //     return item === 'pink';
        // });
        // console.log(res);
        //eg
        // 找到6666数据的索引
        // forEach不可以终止后续遍历
        var arr = [1, 23, 334, 6666, 232332, 343434];
        // arr.forEach(function(item, index) {
        //     if (item === 6666) {
        //         var currentIndex = index;
        //     console.log(currentIndex);
        //     }
        // });
        arr.some(function(item, index) {
            if (item === 6666) {
                var currentIndex = index;
                console.log(currentIndex);
                return true;
                //必须return true才会终止后续执行
            }
        })
    </script>
</body>

</html>